body, div, ul, li, ol, iframe {
  margin: 0;
  padding: 0;
  font-family: Microsoft Yahei; }

ul, ol {
  list-style: none; }

a {
  text-decoration: none; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  margin: 0;
  padding: 0; }

.header {
  color: #fff;
  background: #3877b6;
  height: 100px;
  width: 100%; }
  .header .left {
    float: left;
    width: 50%; }
    .header .left h1 {
      line-height: 100px;
      margin-left: 10%;
      font-size: 2.2em; }
  .header .right {
    float: right;
    width: 50%; }
    .header .right h1 {
      text-align: right;
      line-height: 100px;
      margin-right: 10%;
      font-size: 1em; }
      .header .right h1 span {
        margin-left: 10px;
        cursor: pointer; }

.content {
  width: 100%;
  overflow: hidden;
  height: 100%;
    position: absolute;
}
  .content .left {
    float: left;
    background: #ccc;
    width: 13%;
    height: 100%;
  }
    .content .left ul li {
      line-height: 50px;
      background: #e7e7e7;
      padding-left: 20%;
      font-size: 1.1em;
      color: #333;
      border-bottom: 1px solid #999;
      cursor: pointer; }
    .content .left ul .active {
      background: #fff; }
  .content .right {
    width: 86%;
    padding-left: 1%;
    float: left;
    margin-top: 30px;
    height: 100%;
  }
.content .right iframe{
    width: 100%;
    border:none;
    display: block;
    height: 100%;
}
